<template>
  <div id="app">
    <!-- 显示组件的内容 -->
    <keep-alive exclude="Detail">
      <router-view></router-view>
    </keep-alive>
    <!-- 利用路由元数据来决定底部导航栏是否显示与隐藏 -->
    <main-tab-bar v-if="$route.meta.showTab"></main-tab-bar>

    <icon></icon>
    <svg-icon></svg-icon>
  </div>
</template>

<script>
import MainTabBar from 'components/content/mainTabbar/MainTabBar.vue'
// 想要去除__ob__:observer，可以使用 JSON.parse(JSON.stringify(你要搞事的对象)) ***********

import Icon from './components/content/icon/Icon.vue'
import SvgIcon from './components/content/icon/svg.vue'

export default {
  name:'App',
  components:{
    MainTabBar,
    Icon,
    SvgIcon
  }
}
</script>

<style>
 @import url('assets/css/base.css');
 #app {
   width: 100%;
   /* min-width: 320px; */
   /* max-width: 750px; */
   margin: 0 auto;
 }
</style>
